//二维码
.code-home{
    width: 100%;
    height: 100%;
    // background: url('../img/erweima.png') no-repeat;
    // background-size: cover;
    //background-size:"100% auto";
    background-color: #ff9900;
    img{
        width: 100%;
    }
}
//loading
.loading{
    position:absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color:rgba(0,0,0,0.7);
    display: flex;
    display: -webkit-flex; 
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    .ll{
        width: 100px;
        height: 100px;
        background: white;
    }
}

//超人弹窗
.superman-bg{
    position:absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.7);
    display: flex;
    display: -webkit-flex; 
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: flex-start;
    -webkit-align-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    .superman{
        margin-top: 5%;
        width: 325px;
        height: 365px;
        background: url('../img/fenxiang.png') no-repeat;
        background-size: cover;
        background-size:"100% 100%";
    }
    .iknow{
        margin-top: 10%;
        width: 154.5px;
        height: 54.5px;
        background: url('../img/wozhidaole.png') no-repeat;
        background-size: cover;
        background-size:"100% 100%";
    }
}
//消息弹窗
.exmsg-bg{
    position:absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.7);
    display: flex;
    display: -webkit-flex; 
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    .m-bg{
        margin-top: -60%;
        width: 289px;
        height: 236px;
        background: url('../img/extanchuang.png') no-repeat;
        background-size: cover;
        background-size:"100% 100%";
        display: flex;
        display: -webkit-flex; 
        align-items: center;
        -webkit-align-items: center;
        //background: green;
        .content{
            margin-top: 18%;
            width: 100%;
            height: 52%;
            display: flex;
            display: -webkit-flex; 
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            align-items: center;
            -webkit-align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            .text{
                width: 100%;
                height: 60%;
                display: flex;
                display: -webkit-flex; 
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                align-items: center;
                -webkit-align-items: center;
                justify-content: center;
                -webkit-justify-content: center;
                .text1{
                    width: 100%;
                    height: 49%;
                    display: flex;
                    display: -webkit-flex; 
                    align-items: flex-start;
                    -webkit-align-items: flex-start;
                    justify-content: center;
                    -webkit-justify-content: center;
                    color: #be1111;
                }
                .text2{
                    width: 100%;
                    height: 50%;
                    display: flex;
                    display: -webkit-flex; 
                    align-items: flex-start;
                    -webkit-align-items: flex-start;
                    justify-content: center;
                    -webkit-justify-content: center;
                }
            }
            .btn{
                width: 100%;
                height: 33%;
                display: flex;
                display: -webkit-flex; 
                align-items: center;
                -webkit-align-items: center;
                justify-content: center;
                -webkit-justify-content: center;
                img{
                    width: 104px;
                    height: 31px;
                }
            }
            
        }
    }
}
//规则弹窗
.guize-box{
    position:absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.7);
    display: flex;
    display: -webkit-flex; 
    // flex-direction: column;
    // -webkit-flex-direction: column;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    .xx{
        width: 100%;
        height: 7%;
        display: flex;
        display: -webkit-flex; 
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        img{
            margin-top: 5%;
            margin-right: 5%;
            width: 24px;
            height: 24px;
        }
    }
    .gz-home{
        width: 100%;
        height: 89%;
        .gz-bg{
            width: 100%;
            height: 100%;
            display: flex;
            display: -webkit-flex; 
            justify-content: center;
            -webkit-justify-content: center;
            .gz-content{      
                width: 90%;
                height: 145px;
                background: url('../img/guize-bg.png') no-repeat;
                background-size:"100% 100%";
                display: flex;
                display: -webkit-flex; 
                flex-direction: column;
                -webkit-flex-direction: column;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                align-content: flex-start;
                -webkit-align-content: flex-start;
                .c-head{
                    width: 100%;
                    height: 26%;
                    opacity: 0.5;
                }
                .body-box{
                    width: 100%;
                    height: 70%;
                    display: flex;
                    display: -webkit-flex; 
                    justify-content:center;
                    -webkit-justify-content:center;
                    
                    .c-body{
                        width: 84%;
                        height: 100%;
                        //height: 200px;
                        //background: red;
                        opacity: 0.8;
                        overflow:hidden;
                        display: flex;
                        display: -webkit-flex; 
                        flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        flex-direction: column;
                        -webkit-flex-direction: column;
                        align-items: center;
                        -webkit-align-items: center;
                        .ss{
                            width: 100%;
                            .pp{
                                width: 100%;
                                .title{
                                    font-size: 1.0rem;
                                    color: #e7650f;
                                }
                                .body{
                                    font-size: 1.0rem;
                                }
                            }
                        }
                    }
                }
                
            }
        }
    }
}